<template>
	<view class="page-growth w100 h100 yscroll" style="background-image: url(https://static.newbeaconhotels.com/app/D2103-business-js/my/rights-top.png);">
		<view class="growth-total font-ffffff">
			<text class="font14">成长值</text>
			<text class="font20 font-b">500</text>
		</view>
		<view class="growth-list box-shadow">
			<view class="growth-item flex-row-between" v-for="(item, index) in dataList" :key="index">
				<view class="left">
					<view class="font15 p1">{{item.title}}</view>
					<view class="font11 p2">{{item.time}}</view>
				</view>
				<view class="right font15 font-ff3c37">+{{item.number}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList: [
					{
						title: '帝斯曼购物付款',
						time: '2021.3.17 11:38:49',
						number: 100
					},
					{
						title: '帝斯曼购物付款',
						time: '2021.3.17 11:38:49',
						number: 100
					},
					{
						title: '帝斯曼购物付款',
						time: '2021.3.17 11:38:49',
						number: 100
					},
					{
						title: '帝斯曼购物付款',
						time: '2021.3.17 11:38:49',
						number: 100
					},
					{
						title: '帝斯曼购物付款',
						time: '2021.3.17 11:38:49',
						number: 100
					}
				]
			}
		},
		methods: {
		}
	}
</script>

<style lang="less">
	@import url("style.less");
</style>
